<h2>TodoList</h2>
<div class="todo_list">
  <input type="text" (keyup)="doAdd($event)" [(ngModel)]="keyword">

  <hr>
  <h3>待办事项</h3>
  <br>
  <ul>
    <li *ngFor="let item of todoList; let key=index;" [hidden]="item.status==1">
      <input type="checkbox" (change)="checkboxChange()"  [(ngModel)]="item.status">{{item.title}}--- <button (click)="deleteData(key)">X</button>
    </li>
  </ul>
  <h3>已完成事项</h3>
  <ul>
    <li *ngFor="let item of todoList; let key=index;" [hidden]="item.status==0">
      <input type="checkbox" (change)="checkboxChange()" [(ngModel)]="item.status">{{item.title}}--- <button (click)="deleteData(key)">X</button>
    </li>
  </ul>
</div>


